import styled from 'styled-components'

export const Bar = styled.div<{
	color: string
}>`
	${(props) => {
		const { color = 'red' } = props

		return `
			--color: ${color}
		`
	}};
`

export const ThemeStyle = styled.div`
	.button {
		background-color: var(--color);
	}
	.test {
		background-color: var(--primary);
	}
`
